@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";


.sites-add-new-site__button {
	.gridicon {
		margin-left: 6px;
		transition: transform 100ms ease-in-out;
		height: 18px;
		width: 18px;

		&.reverse {
			transform: rotate(180deg);
		}

		&.mobile {
			margin-left: 0;
		}
	}
}

.sites-add-new-site__popover-content {
	display: flex;
	flex-direction: column;
	gap: 1em;
	padding: 16px;
	min-width: 300px;

	@include break-large {
		flex-direction: row;
		gap: 32px;
	}
}
